<template>
	<view class="function-second">
		<view class="item" v-for="item in 8">
			<image class="pic" src="https://peixin.peiyu.online/xmk/images/主功能/其他-副本.png" mode="widthFix"></image>
			<text class="txt">其他</text>
		</view>

	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	.function-second {
		border-top: 1rpx solid #e7e7e7;
		margin-top: 30rpx;
		// padding-top: 20rpx;
		width: 750rpx;
		height: auto;
		padding: 30rpx 25rpx 0 25rpx;
		background: white;
		display: flex;
		justify-content: left;
		align-items: center;
		column-gap: 100rpx;
		flex-wrap: wrap;

		.item {
			width: 100rpx;
			height: 100rpx;
			margin: 50rpx 0;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;

			.pic {
				width: 36rpx;
				height: 40rpx;
			}

			.txt {
				font-family: Alibaba PuHuiTi 2.0 regular;
				font-weight: 300;
				font-size: 24rpx;
				color: $font-sub-color;
			}
		}
	}
</style>